<%@ page language="java" pageEncoding="utf-8" %>
<%
    String token = request.getParameter("token");
    String isopen = request.getParameter("isopen");
    request.setAttribute("token", token);
    request.setAttribute("isopen", isopen);
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@include file="../common/base.jsp" %>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta name="author" content="Jck"/>
    <title>${appName} 邀请有礼</title>
    <link rel="stylesheet" href="${base}/activity/share/css/reset.css?version=${version}">
    <link rel="stylesheet" href="${base}/activity/share/css/main.css?version=${version}">
</head>
<body>
<div class="mask" style="display: none;"></div>
<div class="mask1" style="display: none;"></div>

<%--<div class="l-p" style="margin-bottom: 1.7rem;">--%>
<div class="l-p">
    <div class="l-head">
        <div>
            <a href="${base}/yue/share_driver?token=${token}&appid=${appid}&isopen=${isopen}" class="action">邀请司机</a>
        </div>
        <div>
            <a href="${base}/yue/driver_passenger?token=${token}&appid=${appid}&isopen=${isopen}">邀请乘客</a>
        </div>
    </div>
    <div>
        <div class="m-p-head">
            <img src="${base}/activity/share/img/bg2.png" alt="">
            <p id="youhuij"></p>
        </div>
    </div>

    <div class="m-p-btns">
        <ul class="btns-ul">
            <li><img src="${base}/activity/share/img/invite-icon-we-chat.png" id="we-chat" alt=""></li>
            <li><img src="${base}/activity/share/img/invite-icon-friends.png" id="friends" alt=""></li>
            <li><img src="${base}/activity/share/img/invite-icon-qq.png" id="qq" alt=""></li>
            <li><img src="${base}/activity/share/img/invite-icon-space.png" id="space" alt=""></li>
        </ul>
    </div>
    <div class="m-p-code" id="codeimg">
        <div>
            <div class="code-img" id="getval">

            </div>
        </div>
        <div>
            <div class="code-text">
                <div class="code-img-icon"><img src="${base}/activity/share/img/RichScan.png" alt=""></div>
                <div class="code-img-msg">让好友入驻平台 <br/>即送现金大礼包</div>
                <div><a href="javascript:void(0)" class="huodong">活动规则</a></div>
            </div>
        </div>
    </div>


</div>
<%--用来放生成的二维码的图片--%>
<div style="display: none">
    <div id="codeCOn" style="display: none;"></div>
</div>
</div>
<!-- 规则说明弹窗 -->
<section id="declarationDialog" style="display: none;" class="dialog">
    <div class="outer">
        <div class="get-gift-img-box">
            <img src="${base}/activity/images/popup_rule.png">
        </div>
        <div class="inner">
            <p class="title2" style="word-break: break-all;">1、分享专属链接给好友，邀请好友注册成为轩轩出行的司机。</p>
            <p class="title2">2、成功分享好友进入注册界面，并上传注册信息，平台审核通过，成功入驻平台，您就可获得平台发放的现金大礼包；</p>
            <p class="title2">3、通过您的邀请链接，成功入驻平台的司机越多，您获得的奖励就越多；</p>
            <%--<p class="title2">4、最终解释权归轩轩出行所有。</p>--%>
            <p class="title2">4、最终解释权归${appName}所有</p>
            <div class="btn-cont btn2-cont">
                <a class="btn btn2 btn_close" href="javascript:;">知道了</a>
            </div>
        </div>
    </div>
</section>
<%--邀请历史--%>
<div class="l-history" style="display:none;">
    <div class="history-icon" id="history-icon"><span>▲</span></div>
    <div class="history-tong-con">
        <div class="history-tong">
            <p>已邀请 0 人</p>
            <p class="hfenge"></p>
            <p>已获得 0 元</p>
        </div>
    </div>

    <div class="history-con">
        <ul class="history-ul">
            <%--<li><p>152****1234</p><p>152****1234</p></li>--%>
        </ul>
    </div>
</div>
<%--<style>--%>
<%--.ceshi{--%>
<%--position: fixed;--%>
<%--left: 0;--%>
<%--right: 0;--%>
<%--bottom: 0;--%>
<%--height: 64px;--%>
<%--font-size: 28px;--%>
<%--padding: 2px;--%>
<%--background-color: #00b5e6;--%>
<%--}--%>
<%--.ceshi>div{--%>
<%--background-color: #e4b9b9;--%>
<%--}--%>
<%--</style>--%>
<%--<div class="ceshi">--%>
<%--<div>测试测试</div>--%>
<%--</div>--%>
<%--数据请求错误提示--%>
<div class="ajaxError">
    <div class="ajaxError-img">
        <img src="${base}/activity/images/data-picture.png" alt="">
    </div>
    <div class="ajaxError-text">
        <p class="title">温馨提示</p>
        <p class="infos">数据加载失败，请重新加载~</p>
        <p class="abtns">好的，知道了</p>
    </div>
</div>
<script src="${base}/js/jquery.min.js" type="text/javascript"></script>

<script src="${base}/activity/share/js/qrcode.js?version=${version}" type="text/javascript"></script>
<%--<script src="${base}/plugin/crypto-js/crypto-js.min.js" type="text/javascript"></script>--%>
<%--<script type="text/javascript" src="${base}/plugin/jsencrypt/jsencrypt.min.js"></script>--%>
<script src="${base}/activity/share/js/main.js?version=${version}" type="text/javascript"></script>
<script>
  window.onload = window.onresize = function () {
    document.documentElement.style.fontSize = 100 * document.documentElement.clientWidth / 750 + 'px'
  };
</script>
</body>
</html>